<template>
	<view style="" :class="round?'round ':'' + ' ' + classes" :style="'background-color: ' 
		+item.background 
		+ ';color: ' + item.color + ';'">
		<text class="padlr2">{{item.name}}</text>
	</view>
</template>

<script>
	export default {
		props: {
			item: {
				type: Object,
				default: function() {
					return {
						background: "",
						color: "",
						name: "",
					}
				}

			},
			round:{
				type:Boolean,
				default:false
			},
			classes:{
				type:String,
				default:''
			}
		},
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style>

</style>
